<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="../templates/template.xhtml">

	<ui:define name="painelCentral">
		<h:form>
			<table align="center">
				<tr>
					<td align="center">
						<h:panelGrid columns="3">
							<h:outputLabel for="categoriaResutadoGP"
								value="#{msg['manterResultadoGrandePremio.label.categoria']}" />
							<h:selectOneMenu id="categoriaResutadoGP" 
									value="#{manterPalpiteMB.categoriaId}" required="true"
									requiredMessage="#{msg['manterResultadoGrandePremio.mensagem.nomeCategoriaObrigatorio']}" >
								<f:selectItem itemValue="" itemLabel="Selecione..." />
					   			<f:selectItems value="#{manterPalpiteMB.categorias}" var="cat"
					   					itemLabel="#{cat.nome}" itemValue="#{cat.id}"/>
					   			<f:ajax event="change" listener="#{manterPalpiteMB.selecionarCategoria}"  render="nomeGrandePremio repostaPerguntaPole repostaPerguntaPrimeiro"/>
   							</h:selectOneMenu>
   							<h:message for="categoriaResutadoGP" class="mensagemDeErro" />
						
							<h:outputLabel for="nomeGrandePremio"
								value="#{msg['manterResultadoGrandePremio.label.nomeGrandePremio']}" />
							<h:selectOneListbox id="nomeGrandePremio"
								value="#{manterPalpiteMB.idGrandePremio}" required="true"
								requiredMessage="#{msg['manterResultadoGrandePremio.mensagem.nomeGrandePremioObrigatorio']}" size="1">
								<f:selectItem itemValue="" itemLabel="Selecione..." />
								<f:selectItems value="#{manterPalpiteMB.grandesPremios}" var="gp"
					   					itemLabel="#{gp.nome} #{gp.data}" itemValue="#{gp.id}"/>
							</h:selectOneListbox>
							<h:message for="nomeGrandePremio" class="mensagemDeErro" />
							
							<h:outputLabel for="repostaPerguntaPole"
								value="#{msg['manterResultadoGrandePremio.label.repostaPerguntaPole']}" />
							<h:selectOneListbox id="repostaPerguntaPole"
								value="#{manterPalpiteMB.idPilotoPole}" required="true"
								requiredMessage="#{msg['manterResultadoGrandePremio.mensagem.repostaPerguntaPoleObrigatorio']}"
								size="1">
									<f:selectItem itemValue="" itemLabel="Selecione..." />
									<f:selectItems value="#{manterPalpiteMB.pilotos}" var="piloto"
					   					itemLabel="#{piloto.nome}" itemValue="#{piloto.id}"/>
							</h:selectOneListbox>
							<h:message for="repostaPerguntaPole" class="mensagemDeErro" />
							
							<h:outputLabel for="repostaPerguntaPrimeiro"
								value="#{msg['manterResultadoGrandePremio.label.repostaPerguntaPrimeiro']}" />
							<h:selectOneListbox id="repostaPerguntaPrimeiro"
								value="#{manterPalpiteMB.idPilotoPrimeiro}" required="true"
								requiredMessage="#{msg['manterResultadoGrandePremio.mensagem.repostaPerguntaPrimeiroObrigatorio']}"
								size="1">
									<f:selectItem itemValue="" itemLabel="Selecione..." />
									<f:selectItems value="#{manterPalpiteMB.pilotos}" var="piloto"
					   					itemLabel="#{piloto.nome}" itemValue="#{piloto.id}"/>
							</h:selectOneListbox>
							<br/><br/>
							<h:outputText id="errorMsg" value="#{manterPalpiteMB.errorMsg}" style="color: red;"/>
							<br/><br/>
	                  	</h:panelGrid> <br />
					</td>
				</tr>
				<tr>
					<td>
						<table align="center">
							<tr>
								<td><h:commandButton value="Salvar"
										action="#{manterPalpiteMB.salvar}"
										image="../imagens/salvar.gif" /></td>
								<td><h:commandButton value="Cancelar"
									action="#{manterPalpiteMB.cancelar}"
									image="../imagens/cancelar.gif" /></td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</h:form>
		<p></p>
	
	</ui:define>

</ui:composition>